// import './them.scss'
// 主色
$color-primary: #2d6efb;
$color-primary1: #8fb1f9;
// 辅助色
$color-info: #f6f9ff;
$color-success: #2ed29d;
$color-warning: #d2982e;
$color-danger: #d22e2e;

// 文字
$color-text-main: #48465c;
$color-text-normal: #333333;
$color-text-sub: #666666;

// 边框
$color-border-1: #e0e4f7;
$color-border-2: #e4e7ed;
$color-border-3: #ebeef5;
$color-border-4: #f2f6fc;

// 背景
$color-bg: #f8f8f9;

// 字号
$s12: 12px;
$s14: 14px;
$s16: 16px;
$s18: 18px;
$s20: 20px;
$s24: 24px;
$s30: 30px;
$s40: 40px;

// 粗细
$font-weight-extralight: 200;
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;
$font-weight-black: 900;
// 主色
$color-primary: #4072ee; // 根据主题动态切换的颜色

// 辅助色
$color-info: #909399; // 一般文字说明
$color-success: #34ae69; // 操作成功提示色
$color-danger: #ff0000; // 操作成功提示色
$color-warning: #e6a23c; // 一般警告色

// 文字
$color-text-fill: #ffffff; // 内容填充色
$color-text-primary: #333333; // 主色调，一级标题、二级标题、页面小标题、回显表格内容、tab 切换等
$color-text-regular: #666666; // 常规色，三级标题、面包屑、列表内容、卡片内容小标题等
$color-text-secondary: #999999; // 次要色，包括温馨提示、回显表格标题等
$color-text-placeholder: #999999; // 占位色
$color-text-sub: #3164e8; // 操作文字辅助色
$color-text-rate: #ef4134; // 与主题色相反
$color-text-hover: #4072ee; // 透明度

// 边框
$color-border-1: #dcdfe6; // 一级边框色，一般表单输入框等
$color-border-2: #e4e7ed; // 二级边框色，适用于说明书内容边框等
$color-border-3: #ebeef5; // 三级边框色，适用于表格边框等
$color-border-6: #bbb; // 白色按钮边框
$color-border-7: #4072ee; // messageBox 实心按钮 hover
$color-border-8: #4072ee; // messageBox 实心按钮 focus

// 背景
$color-bg: #f5f7fa; // 下拉框 item 鼠标悬停
$color-bg-default: #ffffff; // 基础白色背景
$color-bg-gradient: #2d6efb; // 实心按钮常规色

$color-bg-btn-primary-active: #5085f9; // 实心按钮点击
$color-bg-btn-primary-hover: #5085f9; // 实心按钮悬停
$color-bg-btn-primary-disabled: #8fb1f9; // 实心按钮禁用
$color-bg-btn-info-hover: #2778f8; // 主题色空心
$color-bg-btn-info-active: #2d6efb; // 主题色空心按钮点击

$color-bg-danger: #e0e8fc; // 获取验证码背景色按钮悬停
// ipd端的背景
$color-bg-ipd-btn-primary-active: #322; // 实心按钮点击
$color-bg-ipd-btn-primary-hover: #3233; // 实心按钮悬停
// 字号
$s12: 12px;
$s14: 14px;
$s16: 16px;
$s18: 18px;
$s20: 20px;
$s24: 24px;
$s30: 30px;
$s40: 40px;

// 粗细
$font-weight-extralight: 200;
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;
$font-weight-black: 900;

// public class for extend
// 禁止用户选中
%unable-select {
  user-select: none;
}

// 填满父元素
// 组要父元素 position: relative | absolute;
%full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

// 设置统一的宽
%width {
  width: 100%;
  min-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

// 实心按钮点击
@mixin menuBg() {

  //   /*判断匹配*/
  [data-theme="pc"] & {
    background-color: $color-bg-btn-primary-active;
  }

  [data-theme="ipad"] & {
    background-color: $color-bg-ipd-btn-primary-active;
  }
}

// 实心按钮悬停
@mixin menuHover() {

  //   /*判断匹配*/
  [data-theme="pc"] & {
    background-color: $color-bg-btn-primary-hover;
  }

  [data-theme="ipad"] & {
    background-color: $color-bg-ipd-btn-primary-hover;
  }
}

// 字体颜色
@mixin menuText() {

  //   /*判断匹配*/
  [data-theme="pc"] & {
    color: $color-bg-btn-primary-active !important;
  }

  [data-theme="ipad"] & {
    color: $color-bg-ipd-btn-primary-active !important;
  }
}
